<template>
  <div class="page-scroll" style="width: 100%;height: 100%;overflow: auto;">
    <index-header v-if="headerAndFooter.showIndexHeader"></index-header>
    <search-header v-if="headerAndFooter.showSearchHeader"></search-header>
    <router-view :style="(headerAndFooter.showIndexHeader || headerAndFooter.showSearchHeader)?'margin-top: 48px;':''"></router-view>
    <foot v-if="headerAndFooter.showFooter"></foot>
  </div>
</template>

<script>
  import indexHeader from "./IndexHeader.vue";
  import searchHeader from "./SearchHeader.vue";
  import foot from "./Footer.vue";
  import { mapGetters } from 'vuex';

  export default {
      components: {
        indexHeader,
        searchHeader,
        foot
      },
      computed: {
        ...mapGetters([
          'headerAndFooter'
        ])
      },
      name: "index",
      data() {
        return {
        };
      },
      watch:{
      },
      mounted() {
      },
      methods: {
      }
    };
</script>

<style scoped>
</style>
